﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">


    <style type="text/css">
        body
        {
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
        }
        h1, ul
        {
            padding: 0;
            margin: 0;
        }
        li
        {
            list-style: none;
        }
        img
        {
            border: 0;
        }
        .clear
        {
            clear: both;
        }
        ._blank
        {
            width: 540px;
            padding-top: 10px;
        }
        ._blank_t
        {
            background: url(../../Content/images/_blank_img1.gif) no-repeat;
            width: 540px;
            height: 18px;
            float: left;
        }
        ._blank_f
        {
            background: url(../../Content/images/_blank_img2.gif) no-repeat;
            width: 540px;
            height: 18px;
            float: left;
        }
        ._blank_m
        {
            background: url(../../Content/images/_blank_bg.gif) repeat-x left bottom;
            background-color: #fff;
            width: 468px;
            border-left: 1px #d7d7d7 solid;
            border-right: 1px #d7d7d7 solid;
            padding: 10px 35px 10px 35px;
            float: left;
            position: relative;
        }
        ._blank_m ul
        {
            padding-top: 0px;
        }
        ._blank_a li
        {
            display: block;
            width: 468px;
            float: left;
            margin-top: 10px;
            line-height: 30px;
        }
        ._blank_a label
        {
            width: 125px;
            float: left;
        }
        ._blank_a span
        {
            background: #e9e9e9;
            padding: 5px;
            float: left;
            width: 235px;
        }
        ._blank_ainput input
        {
            background: url(../../Content/images/form_bg2.gif) no-repeat;
            height: 24px;
            line-height: 22px;
            width: 232px;
            border: 0;
        }
        ._blank_a em
        {
            font-style: normal;
            color: #5f9032;
            padding-right: 5px;
        }
        ._blank_button
        {
            width: 100%;
            float: left;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        ._blank_button input
        {
            background: url(../../Content/images/sign_up_button2.gif) no-repeat;
            width: 87px;
            height: 35px;
            border: 0;
        }
        ._blank_link1
        {
            width: 100%;
            float: left;
            border-top: 1px #d7d7d7 solid;
            padding-top: 15px;
        }
        ._blank_link1 a
        {
            text-decoration: none;
            color: #4f9b04;
        }
        ._blank_link1 a:hover
        {
            text-decoration: underline;
            color: #5f9032;
        }
        ._blank_h1 > a
        {
            position: absolute;
            right: 14px;
            top: 6px;
        }
        ._blank_h1 > h3 > a
        {
            color: #4f9b04;
            margin-top: 10px;
        }
        ._blank_a label.error
        {
            color: Red;
            width: 300px;
            line-height: 15px;
            margin-top: 0px;
        }
    </style>
    <form id="loginForm" action="/Account/Login" method="post">
    <div class="_blank" style="margin: 0 auto;">
        <div class="_blank_t">
        </div>
        <div class="_blank_m">
            <div class="_blank_h1">
                <h3>
                    <%= Html.ActionLink("Not a member yet? Sign up here.", "Sign_up", "Account")%>
                </h3>
            </div>
            <ul class="_blank_a">
                <li id="errorContainer" style="margin-top: 0px;"></li>
                <% if (ViewData["LoginInfo"] != null) %>
                <%{ %>
                <li style="color: Red;">
                    <%= ViewData["LoginInfo"].ToString()%></li>
                <%} %>
                <li class="_blank_ainput">
                    <label>
                        Username or email:</label>
                    <span>
                        <input name="userName" type="text" id="userName" value="" /></span></li>
                <li class="_blank_ainput">
                    <label>
                        Password:</label>
                    <span>
                        <input name="passWord" type="password" id="passWord" value="" /></span></li>
                <li>
                    <input type="checkbox" name="rememberMe" id="rememberMe" />
                    <em>Remember me</em></li>
            </ul>
            <span class="_blank_button">
                <input type="submit" name="button" id="button" value="" onclick="clientLoginVerfiy();" /></span>
            <p class="_blank_link1">
                <a href="#" id="forgot" >Forgot your username
                    or password? </a>
            </p>
        </div>
        <div class="clear">
        </div>
        <div class="_blank_f">
        </div>
    </div>
    </form>
  <%--  <link rel="stylesheet" href="../../Content/layer/style.css" type="text/css" media="all" />
<script type="text/javascript" src="../../Scripts/jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="../../Scripts/jquery.tipswindow-2.2.js"></script>--%>

    <script type="text/javascript" language="javascript">
        $().ready(function() {
            $("#loginForm").validate({
                rules: {
                    userName: { required: true, rangelength: [6, 12] },
                    passWord: { required: true }
                },

                messages: {
                    userName: { required: "Please enter your UserName.", rangelength: "UserName must be in 6-12 between characters." },
                    passWord: { required: "Please enter your Password." }
                }

            });
        });
//        
//    $(document).ready(function() {
//    $("#forgot").click(function() {
//    $.tipsWindow({
//        ___title: "Forgot",
//        ___content: "iframe:/Account/forgot",
//        ___width: "540",
//        ___height: "318",
//        ___drag: "___boxTitle",
//        ___showbg: true
//    });

//    });
//	});
	</script>
</asp:Content>
